$(document).scroll(
    function() {
        if ($(document).scrollTop() <= 50) {
            $(".search-warp").css("top", "50px");
            $(".search-warp").css("backgroundColor", "");
        } else {
            console.log($(".search-warp").css("top"));
            $(".search-warp").css("top", "0px");
            $(".search-warp").css("backgroundColor", "red");
            $(".search-warp").css("margin-buttom", "20px");
        }
    })

$("#a1").click(function() {
    $("#a2").children("img").attr("src", "images/04.png");
    $("#a3").children("img").attr("src", "images/05.png");
    $(this).children("img").attr("src", "images/11.png");
})
$("#a2").click(function() {
    $("#a1").children("img").attr("src", "images/01.png");
    $("#a3").children("img").attr("src", "images/05.png");
    $(this).children("img").attr("src", "images/14.png");
})
$("#a3").click(function() {
    $("#a1").children("img").attr("src", "images/01.png");
    $("#a2").children("img").attr("src", "images/04.png");
    $(this).children("img").attr("src", "images/15.png");
})